<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="renderer" content="webkit">
    <title>{eyou:global name='web_title' /}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keywords" content="{eyou:global name='web_keywords' /}"/>
    <meta name="description" content="{eyou:global name='web_description' /}">
    <meta name="author" content="">

    {eyou:static file="skin/css/sm.min.css" /}

    {eyou:static file="skin/css/sm-extend.min.css" /}

    {eyou:static file="skin/css/main.css" /}

    {eyou:static file="skin/css/font-awesome.min.css" /}

    {eyou:static file="skin/css/animate.min.css" /}

    {eyou:static file="skin/css/swiper-4.2.2.min.css" /}

</head>



<body class="">
<div class="page-group">
    <div class="page page-current" id="page-1548047723410">
        {eyou:include file="header.htm" /}
        <div class="content">
            {eyou:include file="header_logo.htm" /}
            <div class="product-detail">
                <div class="swiper-container product-banner-swiper-model">

                    <div class="swiper-wrapper">
                        {eyou:volist name="$eyou.field.image_list"}
                        <div class="swiper-slide animated fadeIn" style="background-image: url('')">
                            <div class="swiper-banner">
                                <img src="{$field.image_url}" alt="{$field.image_url}">
                            </div>
                            <div class="container"></div>
                        </div>
                        {/eyou:volist}
                    </div>

                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
                <div class="product-comtent">
                    <div class="comtent-header">
                        <h1 class="page-title">{$eyou.field.title}</h1>
                        <p class="sub-title">{$eyou.field.price}</p>
                        <a href="{$eyou.field.tmall_url}"><button class="btn">天猫商城</button></a>
                    </div>
                    <hr>
                    <p class="text">品名：{$eyou.field.p_name}</p>
                    <p class="text">系列：{$eyou.field.series}</p>
                    <p class="text">配料：{$eyou.field.ingredients}</p>
                    <p class="text">规格：{$eyou.field.spec}</p>
                    <p class="text">产地：{$eyou.field.home}</p>
                    <p class="text">贮存条件：{$eyou.field.condition}</p>
                    <hr>

                </div>
            </div>
            <div class="product-detail-content">
                <h1 class="text-center">产品概览</h1>
                {$eyou.field.content}
            </div>
        </div>
    </div>
</div>
{eyou:static file="skin/js/jquery-3.3.1.min.js" /}
{eyou:static file="skin/js/script.js" /}
{eyou:static file="skin/js/sm.min.js" /}
{eyou:static file="skin/js/sm-extend.min.js" /}

{eyou:static file="skin/js/swiper-4.2.2.min.js" /}

</body>
<script>
    var swiperBanner = new Swiper('.product-banner-swiper-model', {
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        autoplay: {
            delay: 3500,
            disableOnInteraction: false,
        },
        speed:800,
        loop: true,
    });
</script>
</html>